@charset "UTF-8";


/*蓝色主题*/

*{margin: 0px; padding: 0px;
text-decoration: none;
font-size: 14px;
list-style-type: none;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

body{background: #F7F7F7;}

/*网站顶部*/
.top_main{width: 100%;height: 30px;color: #fff;background: #004EA1;}
.top_main_conter{ width: 1400px;height: 30px;line-height: 30px;margin: 0 auto;} 
.top_main_conter .fl{ float: left; font-size: 14px;}

.top_main_conter .fr{float: right; font-size: 14px;}

	



/*网站头部*/

/*网站导航*/


.nav_main{width:100%;height: 100px;background:#fff;position: relative;z-index: 3; border-bottom: 0px solid #0256AE;
  
  
  }   

 

.nav_main_content{ width: 1400px;margin: 0 auto;}
.nav_main_content .logo{ width: 400px; overflow: hidden; float: left; }
.nav_main_content .logo img{ height: 80px;margin-top: 10px;}
.nav_main .nav{ width: 1000px; float: left; }
.nav_main .nav li{float:left;width: 138px;line-height: 100px;display: block;position: relative;z-index: 10;font-size: 16px;text-align: center;transition: all .5s;}

.nav_main .nav li a{display: block;color:#1048A0;font-size:17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  transition: background-color 0.5s; }
.nav_main .nav li a:hover{  color: #000;background: #CBD7EC;}
.nav_main .nav dl{width: 100%;position: absolute;left: 0;top: 100%;z-index: 12;



background:#fff;   position: relative;border-radius: 3px;}
.nav_main .nav dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav_main .nav li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav_main .nav dl dd{line-height: 48px;height: 48px;text-align: left;position: relative;z-index: 12;display: block;width: 100%;}
.nav_main .nav dl dd:first-child{border: none;}
.nav_main .nav dl dd a{color: #000;font-size: 15px;border-top: 1px dashed #f2f2f2;;background: var(--colour1);text-align:center;background-repeat: no-repeat;background-image: -webkit-linear-gradient(left, #2b2b2b, #2b2b2b);background-image: linear-gradient(to right, #2b2b2b, #2b2b2b);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 0% 100%;}

.nav_main .nav dl dd a:hover { background: #f2f2f2;color: #004EA1; border-radius: 3px;}
.nav_main .nav dl img{   position: absolute;
  left:60px;
  top: -8px}
  
  

  
/*网站banner*/
.banner{ border-top:1px solid #004EA1; border-bottom:1px solid #004EA1;}

						.focusBox {
							position: relative;
							width: 100%;
							height: 700px;
							overflow: hidden;
						}
						.focusBox .pic li {
							position: relative;
						}

						.focusBox .pic {
							position: relative;
							z-index: 0;
						}

						.focusBox .pic img {
					width: 100%;
					height: 700px;
							display: block;
						}
.banner_tit{
	font-size: 50px;

	font-weight: bold;

	  position: absolute;
	    width: 800px; /* 元素的宽度 */
	    height:80px; /* 元素的高度 */
	
	   top: 0;
	   left: 0;
	   right: 0;
	   bottom: 0;
	   margin: auto;
	  
	  
	  
	    color: #014FA1; /* 文字填充色 */
	    text-shadow:
	      -1px -1px 0 #fff,  
	       1px -1px 0 #fff,
	      -1px 1px 0 #fff,
	       1px 1px 0 #fff; /* 文字描边色 */
	  
	  
	  
}
						.focusBox .hd {
							width: 100%;
							position: absolute;
							bottom: 10px;
							text-align: center;
							font-size: 0;
							z-index: 1;
							
						
						}

						.focusBox .hd li {
							margin: 0 5px;
						
							height: 3px;
							overflow: hidden;
							width:30px;
							cursor: pointer;
							display: inline-block;
							*display: inline;
							zoom: 1;
						
								background: #004EA1;
						}

						.focusBox .hd .on {
							background: #f2f2f2;
						
						}

						.focusBox .prev,
						.focusBox .next {
							width: 60px;
							height: 90px;
							margin: -60px 0 0;
							display: none;
							background: url(../images/ad_ctr.png) no-repeat 0 0;
							position: absolute;
							top: 50%;
							z-index: 10;
							cursor: pointer;
							text-indent: -9999px;
							filter: alpha(opacity=20);
							opacity: 0.2;
						}

						.focusBox .prev {
							left: 0;
						}

						.focusBox .next {
							background-position: 0 -90px;
							right: 0;
						}

						.focusBox .prev:hover,
						.focusBox .next:hover {
							filter: alpha(opacity=50) !important;
							opacity: 0.5 !important;
						}




/*网站首页标题样式*/
	   .title-11{	text-align: center; padding: 70px 0 ;}
	   .title-11 h1{	font-size: 50px;	color:#333;	margin:0;}
	   .title-11 h2{	font-size: 16px;	text-transform: uppercase;	color:#224EA7;	margin:0;	display: inline-block;	padding: 0	20px;	position: relative;	margin-top: 15px;	font-family:"Arial" ;}
	   .title-11 h2:after{	position: absolute;	content:"";	width: 110px;	right: -110px;	height: 1px;	background-color: #666;	top: 50%;}
	   .title-11 h2:before{	position: absolute;	content:"";	width: 110px;	left: -110px;	height: 1px;	background-color: #666;	top: 50%;}
	   	

/*网站首页产品*/
.index_products{ width: 100%;height: 880px;border-bottom: 1px solid #ccc;background: #F1F6FA;}


/*网站首页业务板块*/

.index_ywbk{ width: 100%;height: 830px;  border-bottom: 1px solid #ccc;
 
 background: #F1F6FA;
 
 }
.yebbk{ border: 5px solid #03629E;width: 1400px;height: 300px;margin: 0 auto;border-radius: 10px;
 position: relative;}
 .yebbk ul{  
 
    width: 1150px;
	background: #F1F6FA;
	 margin-left: 130px;
	 position: absolute; top: 120px; left: 0px; }
.yebbk ul li{float: left; margin-left: 50px; }
.yebbk ul li p{ background: #03629E;line-height: 50px;font-size: 18px;text-align: center;color: #fff;}

/*网站首页关于我们板块*/

.index_about{ width: 100%;height: 900px;  border-bottom: 1px solid #ccc;

 background: url("../images/bg01.png") no-repeat center center;
}
.about_content{ width: 1400px;height: 900px;margin: 0 auto;}






.about_content_right{ width: 600px; height: 400px;border: 1px solid red;float: right;overflow: hidden;}
.about_content_left{ width: 780px; height: 400px;border: 1px solid red;float: left; position: relative;}





.about_content_left  h1 {
	color:#19427d;
	font-size:30px;
	padding-top: 2px;
	display:block;
	font-weight:700;
}
.about_content_left  p {
	line-height:30px;
	padding-top:15px;
	font-size:17px;
	color:#4f4f51;
	height: 270px;
	width: 860px;
 text-indent:35px;
   padding: 20px;
   background: #fff;
   
   border-radius: 10px;
   
   position: absolute; top: 70px; left: 0px;
 
box-shadow: 3px 0 10px rgba(0, 0, 0, 0.2)
}
.about_content_left  .more {
	font-size:15px;
	color:#fff;
	background:#19427d;
	border-radius:3px;
	height:40px;
	line-height:40px;
	text-align:center;
	display:block;
	margin-top:0px;
	width:150px;
}
.about_content  .more:hover {
	background:#1e5db8;
}


/*网站首页新闻板块*/

.index_news{ width: 100%;height: 700px;  background: #F1F6FA; }
.news_content{ width: 1400px;height: 400px;margin: 0 auto;}

.news_content_right{ width: 600px; height: 400px;float: right;overflow: hidden; border-radius: 5px;  border:1px solid #224EA7;}
.news_content_right img{ width: 100%;}
.news_content_left{ width: 740px; height: 360px;border: float: left; background:#fff; border-radius: 5px;  border:1px solid #224EA7;

padding: 20px;

}



#container {

	overflow: hidden;
	
	
	
}


.about_content .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
 
}

.about_content .container .left {
  width: 50%;
  

  z-index: 999;
 
}
.about_content .container .left .title div{ font-size: 25px;color: #325BAE;}

.about_content .container .left .title p { font-size: 30px;font-weight: bold;margin-top: 20px;}
.about_content .container .left .text p {
  font-size:18px;
  line-height: 180%;
  color: #333333;
  margin-top: 20px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  
  padding: 30px;
  
  height: 220px;
 

}

.about_content .container .left .ul {
  display: flex;

}

.about_content .container .left .ul li {
  flex: 1;
  text-align: center;
  border-right: 1px solid #e8e8e8;
  font-size: 14px;
}

.about_content .container .left .ul li img{ width: 60px;}

.about_content .container .left .ul li div{ font-size: 18px;margin-top:20px ;}

.about_content .container .left .ul li p{ font-size: 16px;}


.comWidth {
	max-width: 1450px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}


.indexsec05 {
	padding: 100px 0 220px;
	background: #F4F6F8 url("../images/bg06.png") no-repeat center center;
}
.indexsec05 .headline01 {
	margin-bottom: 60px;
}
.indexsec05 .inner {
	padding: 174px 0;
	position: relative;
}
.indexsec05 .inner .line {
	height: 5px;
	background-color:#004EA1;
}
.indexsec05 .inner .num {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	border: 5px solid #004EA1;
	color: #fff;
	font-size: 40px;
	background-color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Impact;
	position: relative;
}
.indexsec05 .inner .box02 .num {
	background-color: #fff;
}
.indexsec05 .inner .box03 .num {
	background-color: #fff;
}
.indexsec05 .inner .box04 .num {
	background-color: #fff;
}
.indexsec05 .inner .box05 .num {
	background-color: #fff;
}
.indexsec05 .inner .box06 .num {
	background-color: #fff;
}
.indexsec05 .inner .box01 .num:before,
.indexsec05 .inner .box03 .num:before,
.indexsec05 .inner .box05 .num:before {
	position: absolute;
	left: 50px;
	top: 100%;
	content: "";
	height: 102px;
	width: 1px;
	background-color: rgba(34, 78, 167, 0.5);
}
.indexsec05 .inner .box01 .num:after,
.indexsec05 .inner .box03 .num:after,
.indexsec05 .inner .box05 .num:after {
	position: absolute;
	width: 12px;
	height: 12px;
	background-color: rgba(34, 78, 167, 1);
	content: "";
	border-radius: 100%;
	bottom: -112px;
	left: 44px;
}
.indexsec05 .inner .box02 .num:before,
.indexsec05 .inner .box04 .num:before,
.indexsec05 .inner .box06 .num:before {
	position: absolute;
	left: 50px;
	bottom: 100%;
	content: "";
	height: 102px;
	width: 1px;
	background-color: rgba(34, 78, 167, 0.5);
}
.indexsec05 .inner .box02 .num:after,
.indexsec05 .inner .box04 .num:after,
.indexsec05 .inner .box06 .num:after {
	position: absolute;
	width: 12px;
	height: 12px;
	background-color: rgba(34, 78, 167, 1);
	content: "";
	border-radius: 100%;
	top: -112px;
	left: 44px;
}
.indexsec05 .inner h3 {
	font-size: 22px;
	margin-bottom: 10px;
}
.indexsec05 .inner p {
	color: rgba(102, 102, 102, 1);
}
.indexsec05 .inner .txt {
	margin: 20px 0 0 22px;
}
.indexsec05 .inner .box02 .txt,
.indexsec05 .inner .box04 .txt,
.indexsec05 .inner .box06 .txt {
	margin-top: 0;
}
.indexsec05 .inner .box {
	display: flex;
	position: absolute;
	-webkit-transition: all .5s;transition: all .5s;
	cursor: pointer;
}
.indexsec05 .inner .box01:hover,
.indexsec05 .inner .box03:hover,
.indexsec05 .inner .box05:hover {
	transform: translateY(-10px);
}
.indexsec05 .inner .box02:hover,
.indexsec05 .inner .box04:hover,
.indexsec05 .inner .box06:hover {
	transform: translateY(10px);
}
.indexsec05 .inner .box01 {
	left: 4%;
	top: 0;
}
.indexsec05 .inner .box02 {
	left: 18.5%;
	bottom: 0;
}
.indexsec05 .inner .box03 {
	left: 35.8%;
	top: 0;
}
.indexsec05 .inner .box04 {
	left: 50%;
	bottom: 0;
}
.indexsec05 .inner .box05 {
	left: 65.6%;
	top: 0;
}
.indexsec05 .inner .box06 {
	left: 80%;
	bottom: 0;
}

/* 
应用领域 */

.index_yyly{ background: #F6F7F9; border-bottom: 1px solid #ccc;}





/* 友情链接 */


.links{ width:100%;height: 60px;  background: #F1F6FA; }
.links_content{ width: 1400px;height: 60px;margin: 0 auto;}






.links-tit {
    float: left;
    width: 120px;
    height: 30px;
    line-height:30px;
    font-size: 15px;

    color: #1F356E;
    text-transform:uppercase;
    border-right: 1px solid #aaaaaa;
	



}

.links-tit img{
    display: block;
}

.links-tit i{
    display: block;
    font-size: 18px;
    color: #333333;
    padding-top: 8px;
    letter-spacing:14px;
}


.links-tit-list {
    float: right;
    width: 1250px;
    line-height: 26px;
    color: #666666;
}

.links-tit-list a {
    display: inline-block;
    font-size:14px;
    color: #666666;
    line-height: 36px;
	margin-left: 20px;
}

.links-tit-list a:hover {
    text-decoration: underline;
    color: #233e97;
}
/* 友情链接end */




/* 网站foot */

/* 网站foot end */